<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page
	language="java"
	contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<html>
<head>

<meta
	http-equiv="Content-Type"
	content="text/html; charset=utf-8">
<title>sqlbrowser</title>
<link
	rel="shortcut icon"
	type="image/x-icon"
	href="./_img/icon_sql.ico" />
<link
	rel="stylesheet"
	href="/d2/_css/sql2.css" />
<script src="/d2/_js/sql2.js"></script>
<script src="/d2/_js/domScript.js"></script>
<script src="/d2/_js/common.js"></script>
<script
	language="javascript"
	src="/d2/_js/ajaxForSql2.js"></script>
</head>
<body>
	<div
		id="headerMenu"
		class="headerMenu_01">
		<ul class="headerMenuList">
			<li>|</li>
			<li id="excelUpload"><img
				src="./_img/excel16.gif"
				alt="" /><span class="textNote"> Excel upload </span></li>
			<li>|</li>
			<li id="paging"><img
				src="./_img/rowPerPage05.gif"
				alt="" /><input
				id="usePaging"
				type="checkbox"
				checked="checked" /><span class="textNote">paging </span> <input
				id="recordPerPage"
				type="text"
				value="10"><select id="pagingValue">
					<option value="5">5</option>
					<option
						value="10"
						selected="selected">10</option>
					<option value="20">20</option>
					<option value="30">30</option>
					<option value="40">40</option>
					<option value="50">50</option>
					<option value="100">100</option>
			</select></li>
			<li>|</li>
			<li id="Ajax"><span> <input
					id="useAjax"
					type="checkbox"><span class="textNote"> Ajax</span> <!-- ※ It may takes a long time at first time. --></span></li>
			<li>|</li>
			<li id="maxCount"><span> <img
					src="./_img/recordMax05.gif"
					alt="" /> <span class="textNote">max count</span> <input
					id="countLimit"
					type="text"
					value="100"></span></li>
			<li>|</li>
			<li id="help"><span class="textNote">help</span></li>
			<li>|</li>
		</ul>
		<div id="layoutSelector"></div>
		<div id="excelUploadEx">
			<form
				enctype="multipart/form-data"
				action="">
				<div id="excel16"></div>
				<div id="fileInputs">
					<input
						id="filePathXLS"
						type="file" />
					<div id="fakeFile">
						<input
							id="fakeFileInput"
							readonly="readonly"
							type="text" /> <input
							id="fakeFileButton"
							type="button"
							value="file" />
					</div>
					<input
						id="btnXLSUp"
						type="submit" />
				</div>
			</form>
		</div>
	</div>
	<ul id="helpList">
		<li>Excel upload :</li>
		<li>paging : 검색된 데이티 량이 많을 경우 입력된 페이지 값으로 나누어서 보여줍니다.</li>
		<li>Ajax : 페이징을 이용시 각 페이지마다 쿼리 전송여부를 결정할 수 있습니다.</li>
		<li>max count : 문제가 발생할 수 있는 과도한 결과량의 쿼리시 그 결과량의 제한값을 줄 수 있습니다.</li>
	</ul>
	<ul id="layoutList">
		<li id="layout01"></li>
		<li id="layout02"></li>
		<li id="layout03"></li>
		<li id="layout04"></li>
	</ul>
	<div id="schemata">
		<div id="loadingImage"></div>
		<div id="schemataTitle">Schemata</div>
		<div id="schemataTree">
			<div id="schemataTemp"></div>
		</div>
	</div>
	<div id="queryContents">
		<div id="queryStringTitle">
			<select id="DBselector">
				<option value="">DB : select</option>
			</select><input id="schema" /><span>Query Area</span>
		</div>
		<div
			id="queryString"
			contenteditable="true"></div>
	</div>
	<div id="outputContent">
		<div id="outputContentTitle">ResultSet</div>
		<div id="resultSet"></div>
	</div>
	<div id="footer">
		<span class="">&nbsp;sql : </span><span id="sqlContents"></span>
	</div>
</body>
</html>
